* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #346CB0;
	color: #6a6c6f;
	padding-top: 8%;
	font-size: 14px;
}

#login {
	width: 380px;
	margin: 0 auto;
}

#login p {
	text-align: center;
}

#login-header {
	color: white;
	margin: 0 0 24px 0;
}

#login-header p {
	font-size: 24px;
}

#login-center {
	background-color: white;
	padding: 24px;
	border-radius: 6px;
	margin: 0 0 24px 0;
}

#login-center p {
	text-align: center;
	margin: 10px 0;
	font-size: 18px;
}

#login-center form {}

#login-center form div {
	margin-bottom: 32px;
}

#login-center .remember-me-div {}

#login-center .remember-me-span {
	font-weight: bold;
	font-size: 14px;
}

#login-center input[type=text],
#login-center input[type=password] {
	width: 100%;
	border: none;
	border-bottom: 1px solid #DDDDDD;
	height: 40px;
	border-radius: 4px;
	padding: 6px 12px;
	color: #555555;
	box-sizing: border-box;
}

#login-center #verify-code {
	width: 58%;
}

#login-center #verify-img {
	vertical-align: middle;
	width: 40%;
}

#login-center input[type=text]:focus,
#login-center input[type=password]:focus {
	border: none;
	border-bottom: 1px solid #346CB0;
	outline: none;
	box-shadow: none;
}

#login-center input[type=checkbox] {
	margin: 0 0 0 10px;
}


#login-center form .btn {
	width: 100%;
	height: 40px;
	background-color: #346CB0;
	color: white;
	text-align: center;
	border-radius: 4px;
	border: none;
	cursor: pointer;
}

#login-footer {
	color: white;
	text-align: center;
}
